<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #container{
            width: 40%;
            /*margin: 0 auto;*/
        }
        #form{
            /*margin-top: 20%;*/
            /*margin: 0 auto;*/
        }
    </style>
</head>
<body>
<div id="container">

    <!-- 实现上传文件必须加上enctype="multipart/form-data" -->
    <form action="/forum/file.do" id="form" method="post"  enctype="multipart/form-data">
        <p>用户名:
            <input type="text" name="name" placeholder="请输入姓名">
        </p>
        <p>性别:
            <input type="radio" name="sex" value="男">男
            <input type="radio" name="sex" value="女">女
        </p>
        <p>上传头像:
            <input type="file" name="photo">
        </p>
        <p>QQ:
            <input type="number" name="QQ" placeholder="请输入QQ">
        </p>

        <input type="submit" value="提交">
    </form>

</div>


</body>
</html>